<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>打飞机</title>
    <link rel="stylesheet" href="css/index.css">
</head>
<body>
    <div id="container">
        <!-- 开始界面 -->
        <div id="startPanel">
            <button id="startBtn">开始游戏</button>
        </div>
        <!-- 游戏主界面 -->
        <div id="mainPanel">
            <!-- 显示分数的盒子 -->
            <div id="scoreDiv">
                <label>分数：</label>
                <label id="leftScore">0</label>
            </div>
            <div id="tips">
                SPACE - 发射核弹 <br>
                ESC - 暂停/继续
            </div>
            <!-- 暂停界面 -->
            <div id="pauseDiv">
                <p>按ESC继续游戏</p>
            </div>
            <!-- 结束界面的盒子 -->
            <div id="endDiv">
                <p id="text">飞机大战分数</p>
                <div id="endScore">0</div>
                <div id="myScore">
                    <h4>英雄请留下大名</h4>
                    <input type="text" id="myname" autofocus>
                </div>
                <button id="rankBtn">确定</button>
            </div>
            <div id="rank">
                <h3>分数排行榜</h3>
                <table width="100%" id="rankTab">
                    <tr>
                        <td>1</td>
                        <td>Frank</td>
                        <td>3000</td>
                    </tr>
                </table>
                <button id="resetBtn">重新开始游戏</button>
            </div>
        </div>
    </div>
    <audio src="media/bgm.mp3" id="bgm" loop></audio>
    <audio src="media/bullet2.mp3" id="bullet" loop></audio>
    <audio src="media/bomb.mp3" id="bomb"></audio>
</body>
<script src="js/public.js"></script>
<script src="js/index.js"></script>
</html>